<ion-view view-title="校园融合产品预订单录入" name="login-view">
  <ion-nav-bar class="item-customer-bg-darkred" align-title="center">
    <ion-nav-back-button class="button-clear">
      <i class="ion-arrow-left-c font_arrow"></i>
    </ion-nav-back-button>
  </ion-nav-bar>

  <ion-content class="padding content-bg-cust">
    <form name="xyrhyddlrForm" novalidate>
      <div class="list list-inset">

        <div class="item item-input">
          <div class="font_info2 col col-25">客户姓名</div>
          <div class="col col-50"><input class="ywkh_input2" type="text" ng-model="params.IdCard.name" readonly/></div>
          <div class="col col-25"><button class="button bt_idcard" ng-click="ReadIdCard()">身份证验证</button></div>
        </div>

        <label class="item item-input">
          <div class="font_info2 col col-25">客户性别</div>
          <div class="font_info2 col col-75"><input class="ywkh_input2" type="text" ng-model="params.IdCard.sex" readonly/></div>
        </label>

        <!--<label class="item item-input">
          <div class="font_info2 col col-25">证件类型</div>
          <div class="font_info2 col col-75"><input class="ywkh_input2" type="text" ng-model="params.IdCard.Type" readonly/></div>
        </label>-->

        <label class="item item-input">
          <div class="font_info2 col col-25">证件号码</div>
          <div class="font_info2 col col-75"><input class="ywkh_input2" type="text" ng-model="params.IdCard.cardNo" readonly/></div>

        </label>

        <label class="item item-input">
          <div class="font_info2 col col-25">证件地址</div>
          <div class="font_info2 col col-75"><input id="step1_address" name="address" type="text" ng-model="params.IdCard.address" readonly/></div>
        </label>

        <label class="item item-input">
          <div class="font_info2 col col-25">联系电话</div>
          <div class="font_info2 col col-75"><input class="ywkh_input" name="contactPhone" type="text" ng-model="params.contactPhone" ng-blur="validContactPhone(xyrhyddlrForm.contactPhone.$valid)" ng-pattern="/^1\d{10}$|^(0\d{2,3}-?|\(0\d{2,3}\))?[1-9]\d{4,7}(\d{1,8})?$/" required/></div>
        </label>

        <div class="item item-input">
          <div class="font_info2 col col-50">校园融合手机号码</div>
          <div class="font_info2 col col-50"><input class="ywkh_input"  name="serialNumber" id="serialNumber" type="text" ng-blur="validMobilePhone(xyrhyddlrForm.serialNumber.$valid)" ng-model="params.serialNumber" ng-pattern="/^(13[0-9]|14[0-9]|15[0-9]|18[0-9])\d{8}$/i" ng-maxlength="11" required/></div>
        </div>

        <label class="item item-input">
          <div class="font_info2 col col-50">手机客户名称</div>
          <div class="font_info2 col col-50"><input class="ywkh_input" type="text" ng-model="params.queryUserByPhoneData.UserName"  readonly/></div>
        </label>

        <div class="item item-input">
          <div class="font_info2 col col-50">校园融合宽带号码</div>
          <div class="font_info2 col col-50"><input class="ywkh_input" name="serialNumberA" id="serialNumberA" type="text" ng-blur="validMobilePhoneA(xyrhyddlrForm.serialNumberA.$valid)" ng-model="params.serialNumberA" ng-pattern="/^0(([1-9]\d)|([3-9]\d{2}))\d{8}$/" required/></div>
        </div>

        <label class="item item-input">
          <div class="font_info2 col col-50">宽带客户名称</div>
          <div class="font_info2 col col-50"><input class="ywkh_input" type="text" ng-model="params.queryUserByPhoneDataA.UserName"  readonly/></div>
        </label>

        <div class="item item-input item-select">
          <div class="font_info3 col col-25">套餐选择</div>
          <div class="font_info2 col col-75" ng-click="opentccx($event)"><input class="ywkh_input" type="text" ng-model="packageChooseName" readonly/></div>
        </div>

      </div>
      <div class="row">
        <div class="col col-50">
          <button  class="button button-full wkh_button_light" ng-click="resetxyrhyddlr()">重置</button><!--{{khrwformstep1.$valid}}可以验证整个表单是否通过验证-->
        </div>
        <div class="col col-50">
          <a class="button button-full wkh_button_dark" ng-disabled="!(xyrhyddlrForm.$valid)"  ng-click="doClick()">提交</a>
        </div>
      </div>

    </form>


    <!--套餐查询浮动框-->
    <script id="tccx.html" type="text/ng-template">
      <ion-popover-view class="ywkh_pop">
        <ion-header-bar class="pop_header">
          <p>套餐选择</p>
        </ion-header-bar>
        <ion-content scrollbar-y="false" class="pop_content">
          <div class="list list-inset">
            <div class="item item-input pop_div" ng-repeat="item in params.packageChooseParams" ng-click="closetccx(item)" on-touch="color($index)" ng-class="{'scolor':$index==colorindex}">
              <p class="pop_p">{{item.typeName}}</p>
            </div>
          </div>
        </ion-content>
      </ion-popover-view>
    </script>


  </ion-content>
</ion-view>




